  
  .login-warp .ant-input-affix-wrapper .ant-input-prefix {
    left: 0
  }
  .login-warp .login-form {
    max-width: 300px;
    margin: 0 auto;
    margin-top: 80px;
  }
  .login-warp .login-form input {
    border-radius: 0;
    border: none;
    border-bottom: 2px solid #3791FF;
  }
  .login-warp .login-form i {
    font-size: 20px;
    color: #3791FF!important;
    padding-right: 10px;
  }
  .login-warp .login-form input:hover, .login-warp .login-form input:focus {
    border: none;
    border-bottom: 2px solid #3791FF;
  }
  .login-warp .login-form-forgot {
    float: right;
  }
  .login-warp .login-form-button {
    width: 100%;
    z-index: 3;
    font-family: 'MicrosoftYaHei';
    font-size:24px;
    height:40px;
  }
  .login-form-button{
    width: 324px;
    margin: 0 auto;
    background: #3791FF;
    margin-top: 56px;
  }
  .login-warp {
    position: relative;
    width: 100%;
    height: 100%;
    background: #3791FF;
  }
  .warp{
    position: absolute;
    width:824px;
    height: 536px;
    top: 50%;
    left: 50%;
    margin-top: -268px;
    margin-left: -412px;
    background-image: url('../assets/login.png');
    background-size: cover;
    -webkit-background-size: cover;
    -o-background-size: cover;
    background-position: center 0;
  }
  .warp p {
    margin-top: 80px;
    text-align: center;
    font-size: 36px;
    color: #3791FF;
  }
  .word{   
    margin-bottom: 20px;
    color:#3791FF;
  }
  
  .login-decorate {
    position: absolute;
    width: 60%;
    left: -30%;
    top: 350px;
    z-index: 2;
  }